<template>
  <q-layout view="hHh lpR fFf">

    <!--Title-->
    <Title></Title>

    <!--菜单栏-->
    <Menu></Menu>

    <!--主题内容页-->
    <q-page-container>
      <!--面包屑-->
      <router-view/>
    </q-page-container>

  </q-layout>
</template>

<script>
  import Crumbs from "../components/Crumbs";
  import Menu from "../components/Menu";
  import Title from "../components/Title";

  const linksData = [
    {
      title: 'Docs',
      caption: 'quasar.dev',
      icon: 'school',
      link: 'https://quasar.dev'
    },
    {
      title: 'Github',
      caption: 'github.com/quasarframework',
      icon: 'code',
      link: 'https://github.com/quasarframework'
    },
    {
      title: 'Discord Chat Channel',
      caption: 'chat.quasar.dev',
      icon: 'chat',
      link: 'https://chat.quasar.dev'
    },
    {
      title: 'Forum',
      caption: 'forum.quasar.dev',
      icon: 'record_voice_over',
      link: 'https://forum.quasar.dev'
    },
    {
      title: 'Twitter',
      caption: '@quasarframework',
      icon: 'rss_feed',
      link: 'https://twitter.quasar.dev'
    },
    {
      title: 'Facebook',
      caption: '@QuasarFramework',
      icon: 'public',
      link: 'https://facebook.quasar.dev'
    },
    {
      title: 'Quasar Awesome',
      caption: 'Community Quasar projects',
      icon: 'favorite',
      link: 'https://awesome.quasar.dev'
    }
  ];

  export default {
    name: 'MainLayout',
    components: {
      Crumbs,
      Menu,
      Title
    },
    data() {
      return {}
    }
  }
</script>
